<template>
<div class="monthlyRent">
	<el-tabs v-model="activeName" @tab-click="handleClick">
	  <el-tab-pane label="平台月租卡规则" name="first"><platform/></el-tab-pane>
	  <el-tab-pane label="车场月租卡规则" name="second"><parking/></el-tab-pane>
	</el-tabs>
</div>
</template>

<script>
import platform from './components/platformRecord/index.vue'
import parking from './components/parkingRecord/index.vue'

export default{
	components:{
		platform,
		parking,
	},
	name:'monthlyRent',
	data(){
		return{
			activeName: 'first',
		}
	},
	methods:{
		handleClick(tab, event) {
        // console.log(tab, event);
      }
	}
}
</script>

<style scoped>
.monthlyRent {
	padding: 40px;
}
</style>